
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Swiper demo</title>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.2/dist/jquery.min.js"></script>
<!-- <script src="./static/js/swiper.min.js"></script> -->
<script src="./swiper.min.js"></script>

<!-- <link href="./static/css/swiper.min.css" type="text/css" rel="stylesheet"> -->
<link href="./swiper.min.css" type="text/css" rel="stylesheet">
<!-- <link href="./static/css/service.css" type="text/css" rel="stylesheet"> -->
<link href="./service.css" type="text/css" rel="stylesheet">
</head>

<body>
<div class="wrapper">

  <div class="background">
    <img src="./background.jpg" alt="">
  </div>
  <div class="item-bg"></div>

  <div class="news-slider">
    <div class="news-slider__wrp swiper-wrapper">
	
      <div class="news-slider__item swiper-slide">
        <a href="#" class="news__item">
          <div class="news-date">
            <span class="news-date__title">一月</span>
            <span class="news-date__txt">美国白蛾</span>
          </div>
          <div class="news__title">
            消灭病原<br>盛夏好防虫
          </div>

          <p class="news__txt">
            　伐除疫区内所有松枯死木并除害处理。应常年开展，操作上一般12月底、3月底全面集中清理一次。4-8月发现的松枯死木，原则上“发现一株，清除一株，除害一株一般连续喷洒化学药剂2次，每次间隔20-30天一般连续喷洒化学药剂2次，每次间隔20-30天”。
          </p>

          <div class="news__img">
            <img src="https://img0.baidu.com/it/u=1674949878,1465476118&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1671210000&t=8e8407dd0300cc2b6dafcb13d126b14f" alt="news">
          </div>
        </a>
      </div>

      <div class="news-slider__item swiper-slide">
        <a href="#" class="news__item">
          <div class="news-date">
            <span class="news-date__title">二月</span>
            <span class="news-date__txt">红火蚁</span>
          </div>
          <div class="news__title">
            松木<br>除害处理
          </div>

          <p class="news__txt">
            5-8月红火蚁成虫活动高峰期，喷施高效低毒低残留化学药剂如噻虫啉松等农药杀灭红火蚁成虫。实施范围为非天敌昆虫防治林分、有松枯死木分布的范围并以其林分边缘为基准，向外至少延伸200米。一般连续喷洒化学药剂2次，每次间隔20-30天一般连续喷洒化学药剂2次。
          </p>

          <div class="news__img">
            <img src="https://img1.baidu.com/it/u=4007416560,135089823&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1671210000&t=5167eb87e71e6e15126f8c87e87e09b4" alt="news">
          </div>
        </a>
      </div>

      <div class="news-slider__item swiper-slide">
        <a href="#" class="news__item">
          <div class="news-date">
            <span class="news-date__title">三月</span>
            <span class="news-date__txt">松毛虫 天牛 蚜虫 ...</span>
          </div>
          <div class="news__title">
            松墨天牛<br>诱捕器与诱木诱杀
          </div>

          <p class="news__txt">
            　采取释放真菌、天敌或保护林内各种有益生物等方法控制林间松墨天牛种群数量。4-5月初喷撒白（绿） 僵菌粉剂或在树干上挂设绿僵菌无纺布菌条；6-8月释放天敌肿腿蜂、花绒寄甲；冬季-翌年2月挂设人工鸟巢招引啄木鸟一般连续喷洒化学药剂2次，每次间隔20-30天。
          </p>

          <div class="news__img">
            <img src="https://img2.baidu.com/it/u=3762402202,1354823828&fm=253&fmt=auto&app=138&f=JPEG?w=700&h=467" alt="news">
          </div>
        </a>
      </div>

      <div class="news-slider__item swiper-slide">
        <a href="#" class="news__item">
          <div class="news-date">
            <span class="news-date__title">四月</span>
            <span class="news-date__txt">松毛虫 天牛 蚜虫 ...</span>
          </div>
          <div class="news__title">
            松枯死木<br>化学防治
          </div>

          <p class="news__txt">
            　　5-8月松墨天牛成虫活动高峰期，喷施高效低毒低残留化学药剂如噻虫啉松等农药杀灭松墨天牛成虫。实施范围为非天敌昆虫防治林分、有松枯死木分布的范围并以其林分边缘为基准，向外至少延伸200米。一般连续喷洒化学药剂2次，每次间隔20-30天。
          </p>

          <div class="news__img">
            <img src="https://img0.baidu.com/it/u=1847688515,122619999&fm=253&fmt=auto&app=138&f=JPEG?w=829&h=500" alt="news">
          </div>
        </a>
      </div>

      <div class="news-slider__item swiper-slide">
        <a href="#" class="news__item">
          <div class="news-date">
            <span class="news-date__title">28</span>
            <span class="news-date__txt">八月</span>
          </div>
          <div class="news__title">
            真菌<br>生物防治
          </div>

          <p class="news__txt">
            采取释放真菌、天敌或保护林内各种有益生物等方法控制林间松墨天牛种群数量。4-5月初喷撒白（绿） 僵菌粉剂或在树干上挂设绿僵菌无纺布菌条；6-8月释放天敌肿腿蜂、花绒寄甲；冬季-翌年2月挂设人工鸟巢招引啄木鸟一般连续喷洒化学药剂2次，每次间隔20-30天。
          </p>

          <div class="news__img">
            <img src="https://img0.baidu.com/it/u=4249268715,3651992613&fm=253&fmt=auto&app=138&f=JPEG?w=422&h=382" alt="news">
          </div>
        </a>
      </div>

      <div class="news-slider__item swiper-slide">
        <a href="#" class="news__item">
          <div class="news-date">
            <span class="news-date__title">十二月</span>
            <span class="news-date__txt">天牛</span>
          </div>
          <div class="news__title">
            重大危险性病害<br>松树线虫
          </div>

          <p class="news__txt">
            林场工作人员在防治天牛虫病时，可采取农业防治技术手段。例如，严格落实日常肥水及剪枝养护等管理措施。同时，加强抗病品种培育有松枯死木分布的范围并以其林分边缘为基准，向外至少延伸200米。一般连续喷洒化学药剂2次，每次间隔20-30天
          </p>

          <div class="news__img">
            <img src="https://img1.baidu.com/it/u=1990963916,2848259677&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1671210000&t=8f8fe49d4cf875197628a29824d1e302" alt="news">
          </div>
        </a>
      </div>
    </div>

    <div class="news-slider__ctr">

      <div class="news-slider__arrows">
        <button class="news-slider__arrow news-slider-prev">
          <span class="icon-font">
            <svg class="icon icon-arrow-left"><use xlink:href="#icon-arrow-left"></use></svg>
          </span>
        </button>
        <button class="news-slider__arrow news-slider-next">
          <span class="icon-font">
            <svg class="icon icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg>
          </span>
        </button>
      </div>

      <div class="news-slider__pagination"></div>

    </div>

  </div>

</div>

<svg hidden="hidden" id="icon">
  <defs>
    <symbol id="icon-arrow-left" viewBox="0 0 32 32">
      <title>arrow-left</title>
      <path d="M0.704 17.696l9.856 9.856c0.896 0.896 2.432 0.896 3.328 0s0.896-2.432 0-3.328l-5.792-5.856h21.568c1.312 0 2.368-1.056 2.368-2.368s-1.056-2.368-2.368-2.368h-21.568l5.824-5.824c0.896-0.896 0.896-2.432 0-3.328-0.48-0.48-1.088-0.704-1.696-0.704s-1.216 0.224-1.696 0.704l-9.824 9.824c-0.448 0.448-0.704 1.056-0.704 1.696s0.224 1.248 0.704 1.696z"></path>
    </symbol>
    <symbol id="icon-arrow-right" viewBox="0 0 32 32">
      <title>arrow-right</title>
      <path d="M31.296 14.336l-9.888-9.888c-0.896-0.896-2.432-0.896-3.328 0s-0.896 2.432 0 3.328l5.824 5.856h-21.536c-1.312 0-2.368 1.056-2.368 2.368s1.056 2.368 2.368 2.368h21.568l-5.856 5.824c-0.896 0.896-0.896 2.432 0 3.328 0.48 0.48 1.088 0.704 1.696 0.704s1.216-0.224 1.696-0.704l9.824-9.824c0.448-0.448 0.704-1.056 0.704-1.696s-0.224-1.248-0.704-1.664z"></path>
    </symbol>
  </defs>
</svg>

<!-- <script src="./static/js/service_slide.js"></script> -->
<script src="./service_slide.js"></script>

</body>
</html>
